<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>查看详情</title>
    <meta name="keywords" content="知果汇"/>
    <meta name="description" content="知果汇"/>
    <link rel="SHORTCUT ICON" href="_IMG_/favicon.ico"/>
    <link rel="stylesheet" type="text/css" href="_CSS_/reset.css">
    <link rel="stylesheet" type="text/css" href="_CSS_/common.css">
    <link rel="stylesheet" type="text/css" href="_CSS_/store_center.css"/>
    <style type="text/css">
        html, body {
            width: 670px;
            min-width: 670px;
        }

        .row {
            width: 930px;
            float: left;
        }

        .details-box {
            padding: 20px;
            float: left;
        }

        .details-box .row .pub-left {
            display: block;
            float: left;
            width: 70px;
            letter-spacing: 1px;
            padding-right: 10px;
            line-height: 40px;
            font-size: 14px;
            color: #333333;
            text-align: right;
        }

        .row .pub-right {
            float: left;
            width: 550px;
        }

        .pub-right p {
            line-height: 40px;
            font-size: 14px;
            color: #333333;
        }

        .row .pub-right img {
            width: 100px;
            height: 100px;
            float: left;
            margin-right: 10px;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
<div class="details-box">
    <div class="row">
        <label class="pub-left">订单编号:</label>
        <div class="pub-right">
            <p class="name"></p>
        </div>
    </div>

    <div class="row">
        <label class="pub-left">问题描述:</label>
        <div class="pub-right">
            <p class="name"></p>
        </div>
    </div>
    <div class="row">
        <label class="pub-left">证据上传:</label>
        <div class="pub-right name">
        </div>
    </div>
    <div class="row">
        <label class="pub-left">联系人:</label>
        <div class="pub-right">
            <p class="name"></p>
        </div>
    </div>
    <div class="row">
        <label class="pub-left">手机号码:</label>
        <div class="pub-right">
            <p class="name"></p>
        </div>
    </div>
    <div class="row">
        <label class="pub-left">处理结果:</label>
        <div class="pub-right">
            <p class="name"></p>
        </div>
    </div>
</div>

</body>
<script src="_JS_/jquery-1.8.3.min.js"></script>
<script src="_JS_/jquery.base64.js"></script>
<script src="_JS_/jquery.cookie.js"></script>
<script src="_JS_/common.js"></script>
<script src="_P_/layer/layer.js"></script>
<script type="text/javascript">
    var id = decodeURI(window.location.href.split("#")[1]);
    $.ajax({
        type: "get",
        url: "{:url('api/shop/details')}",
        data: {id: id},
        dataType: 'jsonp',
        success: function (msg) {
            if (msg.code == 200) {
                $(".name").eq(2).html('');
                $(".name").eq(0).html(msg.data.order);
                $(".name").eq(1).html(msg.data.problem);
                if(msg.data.pic){
                    var val = JSON.parse(msg.data.pic).join(",").split(",");
                    for (var i = 0; i < val.length; i++) {
                        var king = '<img src="/Images/appeal/' + val[i] + '">';
                        $(".name").eq(2).append(king);
                    }
                }

                $(".name").eq(3).html(msg.data.nick);
                $(".name").eq(4).html(msg.data.phone);
                if (msg.data.result == null) {
                    $(".name").eq(5).html('暂无');
                } else {
                    $(".name").eq(5).html(msg.data.result);
                }
            }
        }
    })

    //确认
    function confirm(obj) {
        var index = parent.layer.getFrameIndex(window.name);
        parent.layer.close(index);
    }

    //取消
    function cancel(obj) {
        var index = parent.layer.getFrameIndex(window.name);
        parent.layer.close(index);
    }
</script>
</html>
